<!DOCTYPE html>

<html data-theme="dark" lang="zh-CN">
<head><meta name="description" content="Checkout · Ruotong Music｜若通音乐 - 若通音乐（Ruotong Music）。页面：checkout。高品质商用音乐与音效，授权便捷，企业合作支持。">
<script nonce="q6ZuhO_FrjLDaqYW0af1pg">
   /* rt-pre-theme */
(function(){
  try{
    var t = localStorage.getItem('theme');
    if(!t){ t = (window.matchMedia && matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light'; }
    document.documentElement.setAttribute('data-theme', t);
  }catch(e){}
})();
  </script>
<meta content="default-src 'self'; script-src 'self' https://www.googletagmanager.com https://unpkg.com 'nonce-q6ZuhO_FrjLDaqYW0af1pg' 'strict-dynamic' 'report-sample'; style-src 'self' 'unsafe-inline' 'report-sample'; img-src 'self' data: https: blob:; font-src 'self' data: https:; connect-src 'self' https:; frame-src 'self' https:; object-src 'none'; base-uri 'self'; frame-ancestors 'none'; upgrade-insecure-requests" http-equiv="Content-Security-Policy"/>
<meta content="light dark" name="color-scheme"/>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<title>
   Checkout · Ruotong Music｜若通音乐
  </title>
<meta content="若通音乐：高品质商用音乐与音效平台，提供 BPM/Key、版本剪辑与分轨 Stems，波形预览与智能搜索，适用广告、短视频、影视与游戏制作。" name="description"/>







<style>
   /* a11y helpers */
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;z-index:10000;padding:10px 14px;background:#000;color:#fff;border-radius:6px;}
.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;}
  </style>
<link href="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/checkout.html" rel="canonical"/>
<meta content="website" property="og:type"/>
<meta content="Ruotong Music" property="og:site_name"/>
<meta content="Checkout · Ruotong Music｜若通音乐" property="og:title"/>
<meta content="若通音乐：高品质商用音乐与音效平台，提供 BPM/Key、版本剪辑与分轨 Stems，波形预览与智能搜索，适用广告、短视频、影视与游戏制作。" property="og:description"/>
<meta content="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/checkout.html" property="og:url"/>
<meta content="https://www.ruotongmusic.com/assets/og/cover.webp" property="og:image"/>
<meta content="summary_large_image" name="twitter:card"/>
<meta content="Checkout · Ruotong Music" name="twitter:title"/>
<meta content="单曲授权结算" name="twitter:description"/>
<meta content="https://www.ruotongmusic.com/static/og-cover.png" name="twitter:image"/>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg" type="application/ld+json">
   {"@context": "https://schema.org", "@type": "Organization", "name": "若通音乐", "url": "https://www.ruotongmusic.com", "logo": "https://www.ruotongmusic.com/assets/og/cover.webp"}
  </script>
<link href="/site.webmanifest" rel="manifest"/>
<meta content="#0b1220" name="theme-color"/>
<meta content="strict-origin-when-cross-origin" name="referrer"/>
<link href="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/checkout.html" hreflang="zh-CN" rel="alternate"/>
<link href="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/checkout.html?lang=en" hreflang="en-US" rel="alternate"/>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg" type="application/ld+json">
   {"@context": "https://schema.org", "@type": "WebSite", "name": "若通音乐", "url": "https://www.ruotongmusic.com", "potentialAction": {"@type": "SearchAction", "target": "https://www.ruotongmusic.com/search.html?q={query}", "query-input": "required name=query"}}
  </script>
<script async="True" crossorigin="anonymous" nonce="q6ZuhO_FrjLDaqYW0af1pg" src="https://www.googletagmanager.com/gtag/js?id=G-XXXX123456">
</script>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg">
   window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-XXXX123456');
  </script>

<meta content="dark light" name="color-scheme"/>
<script defer="True" nonce="q6ZuhO_FrjLDaqYW0af1pg" src="../assets/js/theme-init.js">
</script>




<link href="//unpkg.com" rel="dns-prefetch"/>
<link crossorigin="anonymous" href="https://unpkg.com" rel="preconnect"/>
<link href="//www.googletagmanager.com" rel="dns-prefetch"/>
<link crossorigin="anonymous" href="https://www.googletagmanager.com" rel="preconnect"/>
<link href="//www.ruotongmusic.com" rel="dns-prefetch"/>
<link crossorigin="anonymous" href="https://www.ruotongmusic.com" rel="preconnect"/>
<meta content="#000000" media="(prefers-color-scheme: dark)" name="theme-color"/>
<meta content="#ffffff" media="(prefers-color-scheme: light)" name="theme-color"/>



<link href="/assets/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
<meta content="zh_CN" property="og:locale"/>


<!-- Favicon -->
<link href="/assets/favicon.svg" rel="icon" type="image/svg+xml"/>
<link href="/assets/favicon.ico" rel="icon" sizes="any"/>
<link href="/assets/favicon.png" rel="apple-touch-icon" sizes="180x180"/>

<link href="/assets/favicon-32.png" rel="icon" sizes="32x32" type="image/png"/>
<link href="/assets/favicon-16.png" rel="icon" sizes="16x16" type="image/png"/>
<link href="https://unpkg.com" rel="preconnect"/>
<link href="https://www.googletagmanager.com" rel="preconnect"/>
<link href="/zh/checkout" hreflang="zh" rel="alternate"/><link href="/en/checkout" hreflang="en" rel="alternate"/><link href="/ja/checkout" hreflang="ja" rel="alternate"/>







<link rel="stylesheet" href="../assets/css/checkout.min.css">
</head>
<body>
<style>
.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-to-content:focus{left:16px;top:16px;width:auto;height:auto;z-index:10000;background:#fff;padding:8px 12px;border:1px solid #000;}
:focus-visible{outline:2px solid currentColor;outline-offset:2px;}
</style>
<a class="skip-to-content" href="#main">跳转到主内容</a>


<a class="skip-link" href="#main-content">
   跳到主要内容
  </a>
<a class="skip-link" href="#main">
   跳到正文
  </a>
<header class="header" role="banner">
<div class="container row">
<a aria-label="Ruotong Music 首页" class="logo" href="index-v2.html">
<img alt="Ruotong Music" decoding="async" fetchpriority="high" height="26" loading="eager" src="assets/logo.svg" width="26"/>
<strong>
      Ruotong Music
     </strong>
</a>
<nav aria-label="主导航">
<a href="index-v2.html">
      音乐
     </a>
<a href="collections.html">
      合集
     </a>
<a href="pricing.html">
      价格
     </a>
<a href="support.html">
      支持
     </a>
</nav>
<div class="grow">
</div>
<div class="actions">
<button aria-label="切换明暗主题" aria-pressed="false" class="theme rt-theme-toggle icon-btn" id="rt-theme-toggle" type="button">
<svg aria-hidden="true" class="sun" height="16" viewbox="0 0 24 24" width="16">
<path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm7-4a1 1 0 0 1 1 1 1 1 0 1 1-1 1h-1a1 1 0 1 1 0-2h1zM6 12a1 1 0 1 1-1 1H4a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1zm12.657 5.657a1 1 0 0 1 0 1.414l-.707.707a1 1 0 1 1-1.414-1.414l.707-.707a1 1 0 0 1 1.414 0zM6.464 6.464a1 1 0 1 1-1.414-1.414l.707-.707A1 1 0 0 1 7.171 6.464l-.707.707zM12 18a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm7.071-12.728a1 1 0 0 1 0 1.414l-.707.707A1 1 0 0 1 16.95 6.95l.707-.707a1 1 0 0 1 1.414 0z" fill="currentColor">
</path>
</svg>
<svg aria-hidden="true" class="moon" height="16" style="display:none" viewbox="0 0 24 24" width="16">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" fill="currentColor">
</path>
</svg>
<span class="rt-visually-hidden">
       切换主题
      </span>
</button>
<div class="input" role="search">
<svg aria-hidden="true" height="16" viewbox="0 0 24 24" width="16">
<path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.08-1.56 4.21l4.92 4.92-1.41 1.41-4.92-4.92A6.474 6.474 0 0 1 9.5 16 6.5 6.5 0 1 1 9.5 3m0 2A4.5 4.5 0 1 0 14 9.5 4.5 4.5 0 0 0 9.5 5z" fill="currentColor">
</path>
</svg>
<input aria-label="搜索音乐" autocapitalize="none" autocomplete="off" id="search-input" placeholder="搜索：场景 / 情绪 / 用途 / 乐器（Ctrl / ⌘ + K）" type="search"/>
<span aria-label="打开瞬搜指令盘" class="kbd" role="button" tabindex="0">
       Ctrl / ⌘ + K
      </span>
</div>
<button class="ghost" type="button">
      中文 / EN
     </button>
<button class="ghost" type="button">
      登录
     </button>
<button class="btn" type="button">
      开始使用
     </button>
<a aria-label="个人主页" class="avatar-btn" href="account.html" title="个人主页">
<svg aria-hidden="true" height="32" viewbox="0 0 24 24" width="32">
<circle cx="12" cy="8" fill="currentColor" opacity=".85" r="4">
</circle>
<path d="M4 20c0-4 4-6 8-6s8 2 8 6" fill="currentColor" opacity=".45">
</path>
</svg>
</a>
</div>
</div>
</header>
<main class="checkout" id="main-content">
<div class="container">
<h1 class="title">
     结算
    </h1>
<section aria-labelledby="order-title" class="order">
<h2 class="visually-hidden" id="order-title">
      订单明细
     </h2>
<div class="line item">
<div class="line color" id="selected-color-line" style="display:none;">
<div class="left" style="display:flex; align-items:center; gap:10px;">
<div class="small" style="min-width:72px;">
         已选颜色
        </div>
<span aria-hidden="true" id="selected-color-chip" style="display:inline-block; width:18px; height:18px; border-radius:4px; border:1px solid var(--line);">
</span>
<span class="small mono" id="selected-color-text">
         #000000
        </span>
</div>
</div>
<div class="left">
<div class="track-title" id="track-title">
        已选曲目
       </div>
<div class="track-artist" id="track-artist">
        —
       </div>
<div class="track-license small" id="track-license">
        个人授权
       </div>
</div>
<div class="right price" id="item-price">
       $0.00
      </div>
</div>
<div class="discount">
<label class="small" for="coupon">
       优惠码
      </label>
<div class="discount-row">
<input autocomplete="off" id="coupon" placeholder="例如：DEMO10" type="text"/>
<button class="ghost small" id="apply-coupon" type="button">
        应用优惠码
       </button>
</div>
<div class="small" id="coupon-msg" style="min-height:18px">
</div>
</div>
<div class="line subtotal">
<div>
       小计（美元）
      </div>
<div class="price" id="subtotal">
       $0.00
      </div>
</div>
</section>
<section aria-labelledby="pay-title" class="payments">
<h2 class="section-title" id="pay-title">
      支付方式
     </h2>
<div aria-label="支付方式" class="methods" role="tablist">
<button aria-selected="true" class="method selected" data-method="wechat" role="tab" type="button">
<span aria-hidden="true" class="icon wechat">
</span>
       微信支付
      </button>
<button aria-selected="false" class="method" data-method="alipay" role="tab" type="button">
<span aria-hidden="true" class="icon alipay">
</span>
       支付宝
      </button>
<button aria-selected="false" class="method" data-method="stripe" role="tab" type="button">
<span aria-hidden="true" class="icon stripe">
</span>
       银行卡支付
      </button>
<button aria-selected="false" class="method" data-method="paypal" role="tab" type="button">
<span aria-hidden="true" class="icon paypal">
</span>
       贝宝
      </button>
</div>
<div aria-label="支持的支付方式" class="support-logos" style="display:flex; gap:14px; align-items:center; margin:12px 0 8px;">
<span aria-hidden="true" class="icon alipay" title="支付宝">
</span>
<span class="visually-hidden">
       支付宝
      </span>
<span aria-hidden="true" class="icon wechat" title="微信支付">
</span>
<span class="visually-hidden">
       微信支付
      </span>
<span aria-hidden="true" class="icon paypal" title="贝宝">
</span>
<span class="visually-hidden">
       贝宝
      </span>
<span aria-hidden="true" class="icon stripe" title="银行卡支付">
</span>
<span class="visually-hidden">
       银行卡支付
      </span>
</div>
<div aria-live="polite" class="pay-panel" id="pay-panel" tabindex="-1">
</div>
<div class="actions-row">
<button class="btn primary" id="btn-continue" type="button">
       继续
      </button>
</div>
<p class="small muted">
      价格不含税；结算时将根据地区计算增值税/销售税。
     </p>
</section>
</div>
<footer class="site-foot">
<div class="wrap">
<div class="brand">
      Ruotong Music
     </div>
<div class="links">
<a href="policy/v2/legal/index.html">
       法律声明
      </a>
<a href="policy/v2/privacy/index.html">
       隐私
      </a>
<a href="policy/v2/privacy/index.html">
       Cookie 政策
      </a>
<a href="support.html">
       帮助中心
      </a>
</div>
</div>
</footer>
</main>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg" src="js/auth.js" defer>
</script>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg" src="js/checkout.js" defer>
</script>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg" src="js/rt-theme.js" defer>
</script>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg">
   if('serviceWorker' in navigator){window.addEventListener('load',()=>{navigator.serviceWorker.register('/sw.js');});}
  </script>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg" src="js/rt-color-summary-inject.js" defer>
</script>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg" src="js/rt-color-button-overlay.js" defer>
</script>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg" src="js/rt-color-actions.js" defer>
</script>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg">
   (function(){
  function qs(n){ return new URLSearchParams(location.search).get(n) || ''; }
  function isHex6(s){ return /^#[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/.test((s||'').trim()); }
  function normHex(h){ if(!h) return ''; h=h.trim(); if(h[0]!=='#') h='#'+h; return h.toUpperCase(); }
  var hex = qs('hex');
  if(!isHex6(hex)){
    try{ var payload = JSON.parse(localStorage.getItem('rt_color_matches')||'{}'); hex = payload.selectedHex||''; }catch(e){}
  }
  hex = normHex(hex);
  if(isHex6(hex)){
    var line = document.getElementById('selected-color-line');
    var chip = document.getElementById('selected-color-chip');
    var txt = document.getElementById('selected-color-text');
    if(line && chip && txt){
      chip.style.background = hex; txt.textContent = hex; line.style.display = '';
      try{ localStorage.setItem('rt_last_hex', hex); }catch(e){}
    }
  }
})();
  </script>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg" src="../contrast/contrast-theme.js" defer>
</script>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg" src="../contrast/contrast-palette-restore.js" defer>
</script>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg" src="../contrast/contrast-swatch-attr.js" defer>
</script>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg" src="../contrast/contrast-palette-even.js" defer>
</script>
<script nonce="q6ZuhO_FrjLDaqYW0af1pg" src="../contrast/contrast-palette-recent.js" defer>
</script>
<script src="js/a11y-and-motion.js" defer>
</script>

<!-- Ruotong Account Buttons (auto-wired) -->
<script>window.RUOTONG_API_BASE = window.RUOTONG_API_BASE || '/api';</script>
<link rel="stylesheet" href="/rt-assets/css/toast.css">
<link rel="stylesheet" href="/rt-assets/css/modal.css">
<script src="/rt-assets/js/toast.js" defer></script>
<script src="/rt-assets/js/modal.js" defer></script>
<script src="/rt-assets/js/account-actions.js" defer></script>


<script>
document.addEventListener('DOMContentLoaded', function(){
  try{ document.body.classList.add('rt-darkfix'); }catch(e){}
});
</script>

</body>
</html>
